<br /><br />
{literal}
<script type="text/javascript">

	function checkuser()
	{
		sId('update_check').style.display='none';
		new Effect.Appear('ajax_main_image');
		xajax_checkUsername(document.getElementById('userid').value);
		return false;
	}

</script>
{/literal}
<table style="width:100%;" cellpadding="8" cellspacing="8">
{if !$bProcessed}
	<tr>
		<td style="width:75%;vertical-align:top;font-size:9pt;" class="color">

		<div class="border13" style="padding:8px;font-size:10pt;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" /> <span
			style="vertical-align:middle;"><b>{language text="signup_now"}</b></span></div>
		<br />
		{$jsValMess}
		{messages template='_blocks/errors_block.html' title=$sSignupErrors}
		<form method="post" action="{$sUrl}" enctype="multipart/form-data" id="ajax_signup_form">
		{$csrfInput}
		{if $bAllowLangPack}
		<div><input type="hidden" name="lang_file" value="{$sLangFile}" /></div>
		{/if}
		<table style="width:100%;" cellpadding="4">
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;vertical-align:top;">{language text="username"}: <span class="star">*</span></td>
				<td style="font-size:9pt;vertical-align:top;"><input id="userid" type="text" name="aUser[user]" value="{$aUser.user}" maxlength="{$iUserMax}" size="40" onfocus="this.className='inputmain';new Effect.Appear('check_username');" onblur="this.className='';" />
				<span id="check_ajax_user"></span>
				<div id="check_username" style="display:none;">
				<div style="padding:4px;">
					<input type="button" value="{language text="signup.check.user"}" name="checkUsername" style="cursor:pointer;" onclick="return checkuser();" />
					<span id="ajax_main_image" style="display:none;font-size:10pt;font-weight:bold;">
						<img src="design/pic/loader.gif" alt="" style="vertical-align:middle;" /> {language text="signup.checking"}
					</span>
					<span id="update_check" style="display:none;"></span>
				</div>
				</div>
				</td>
			</tr>
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;">{language text="password"}: <span class="star">*</span></td>
				<td style="font-size:9pt;"><input id="pass" type="password" name="pass" value="" maxlength="{$iPasswordMax}" size="40" onfocus="this.className='inputmain';" onblur="this.className='';" />
				<span id="check_ajax_pass"></span>
				</td>
			</tr>
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;" nowrap="nowrap">{language text="confirm_password"}:&nbsp;<span class="star">*</span></td>
				<td style="font-size:9pt;"><input type="password" name="pass2" value="" maxlength="{$iPasswordMax}" size="40" onfocus="this.className='inputmain';" onblur="this.className='';" />
				<span id="check_ajax_pass2"></span>
				</td>
			</tr>
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;">{language text="e_mail"}: <span class="star">*</span></td>
				<td style="font-size:9pt;"><input type="text" name="aUser[email]" value="{$aUser.email}" size="40" onfocus="this.className='inputmain';" onblur="this.className='';" />
				<span id="check_ajax_email"></span>
				</td>
			</tr>
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;">{language text="gender"}: <span class="star">*</span></td>
				<td style="font-size:9pt;">
				<select name="aUser[gender]" style="width:150px;">
					<option value="">{language text="select"}</option>
					{html_options options=$aGenders selected=$aUser.gender}
				</select>
				</td>
			</tr>
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;">{language text="location"}: <span class="star">*</span></td>
				<td style="font-size:9pt;">
				<select name="aUser[location]" style="width:150px;"{if $bZipState} onchange="checkUsMode();" {/if}id="fldCountrySel">
					<option value="">{language text="select"}</option>
					{html_options options=$aCountries selected=$aUser.location}
				</select>
				</td>
			</tr>
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;">{language text="city"}:</td>
				<td style="font-size:9pt;"><input type="text" name="aUser[city]" value="{$aUser.city}" size="40" maxlength="30" onfocus="this.className='inputmain';" onblur="this.className='';" /></td>
			</tr>
            {if $bZipState}
            <tr>
                <td style="width:35%;text-align:right;font-size:9pt;">{language text="state"}:</td>
                <td style="font-size:9pt;">
                    <select name="aUser[state]" id="fldStateSel">
                    <option value="">{language text="select"}</option>
                    {html_options options=$aStates selected=$aUser.state}
                    </select>
                </td>
            </tr>
            <tr>
                <td style="width:35%;text-align:right;font-size:9pt;">{language text="zip"}:</td>
                <td style="font-size:9pt;"><input type="text" name="aUser[zip]" value="{if 0 != $aUser.zip}{$aUser.zip}{/if}" size="40" maxlength="30" onfocus="this.className='inputmain';" onblur="this.className='';" id="fldZip"/></td>
            </tr>
            {/if}
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;">{language text="date_of_birth_164"}: <span class="star">*</span></td>
				<td style="font-size:9pt;">
					{html_select_date add_any='true' prefix='aBirthDate_' field_order='DMY' month_format='%m' start_year=$iStartYear end_year=$iEndYear all_extra='style="width:90px;"' field_separator=' / ' time=$dtBirthdate reverse_years=true}
				</td>
			</tr>
			{if $aCustom}
			{foreach from=$aCustom item=aField}
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;vertical-align:top;">{language translate=$aField.custom_field_name}:</td>
				<td style="font-size:9pt;">
				{if $aField.custom_field_type == '1'}
				<textarea cols="40" rows="6" name="text_option[{$aField.custom_field_id}]">{$aField.post_value}</textarea>
				{else}
				<select name="field_option[{$aField.custom_field_id}]">
				{html_options options=$aField.options selected=$aField.post_select translate='true'}
				</select>
				{/if}
				</td>
			</tr>
			{/foreach}
			{/if}
            {if $bSignupPic}
            <tr>
                <td style="width:35%;text-align:right;font-size:9pt;">{language text="profile_image"}:{if $bSignupPic != '2'} <span class="star">*</span>{/if}</td>
                <td style="font-size:9pt;"><input type="file" name="user_pic"/></td>
            </tr>
            {/if}
		</table>
        {if $bIsProtImage}
		<br />
		<table style="width:100%;" cellpadding="4" class="border2">
			<tr>
				<td style="width:35%; text-align:right; font-size:9pt; vertical-align:top;">{language text="verification_code"}:</td>
				<td style="font-size:9pt; vertical-align:top;">{captcha input='sProtCode'}</td>
			</tr>
			<tr>
				<td style="width:35%; text-align:right; font-size:9pt; vertical-align:top;">{language text='Mod_Account.enter_above_code_here'}: <span class="star">*</span></td>
				<td style="font-size:9pt; vertical-align:top;">
					<input type="text" id="sProtCode" name="sProtCode" size="12" onfocus="this.className='inputmain';" onblur="this.className='';" />
					<div style="font-size:8pt;"><i>({language text='Mod_Account.code_case_sensitive'})</i></div>
				</td>
			</tr>
		</table>
        {/if}

		<br />
		<table style="width:100%;" cellpadding="4">
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;"></td>
				<td style="font-size:9pt;"><input type="checkbox" name="agree" style="vertical-align:middle;" /> <a href="javascript:void(0);" onclick="popUp2('{$sAgreeUrl}','500','500','yes','200','100');">{language text="i_agree_to_our_terms_amp_conditions"}</a></td>
			</tr>
			<tr>
				<td style="width:35%;text-align:right;font-size:9pt;"></td>
				<td style="font-size:9pt;"><input type="submit" value="{language text='submit_the_form'}" name="act[signup]" style="cursor:pointer;" /></td>
			</tr>
		</table>
		</form>
		
		{if $bIsProtImage}
		<script type="text/javascript">
			sId('sProtCode').setAttribute('autocomplete','off');
		</script>
		{/if}

		</td>
		<td style="width:25%;vertical-align:top;font-size:9pt;" class="color">

		{include file="`$sRootPath`/public/_banner-right.html"}
		<br />
		<br />

		</td>
	</tr>
{else}
	<tr>
		<td style="width:70%;vertical-align:top;font-size:9pt;" class="color">

		<div class="border13" style="padding:8px;font-size:10pt;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" /> <span
			style="vertical-align:middle;"><b>{language text="verify_your_email"}</b></span></div>
		<div style="padding:15px;">{language text="an_email_has_been_sent_to"}: {$sEmail} <br />
		<br />
		{language text="please_login_and_check_your_email_t"}</div>

		</td>
		<td style="width:30%;vertical-align:top;font-size:9pt;" class="color">

		{include file="`$sRootPath`/public/_banner-right.html"}
		<br />
		<br />

		</td>
	</tr>
{/if}
</table>
{if $bZipState}<script type="text/javascript">checkUsMode();</script>{/if}